<template>

     <ul class="coupon" >
            <li v-for="(list,index) in moreRow" :key="index" v-bind:class="list.number>3 ? 'vip':''" >
                <div class="left">
                <p class="date">{{list.time}}</p>
                <p class="detail">
                    <span class="black">答对</span>
                    <span class="number">{{list.number}}</span>
                    <span class="black">题</span> &nbsp;
                    <span>获得</span>
                    <span class="price">88</span>
                    <span>元优惠券</span>
                </p>
                </div>
                     <div class="right">
                        <p>去使用</p>
                    </div>
                    
            </li>
        </ul>
</template>

<script>
export default {
  name: "morerow",
  data() {
    return {
      moreRow: [
        { time: "2017/09/26 15:44", number: 3, money: "1000" },
        { time: "2017/09/26 15:44", number: 3, money: "1000" },
        { time: "2017/09/26 15:44", number: 5, money: "1000" }
      ]
    };
  },

  created() {

   
    
  },
  methods: {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
@import "./morerow.scss";
</style>
